/**
 *  路由配置配置文件
 */
// 导入 创建路由对象的函数
import { 
  createRouter, 
  createWebHashHistory} from 'vue-router';

import Login from '../Login.vue';
import Home from '../Home.vue';
import Home0 from '../Home0.vue';
import Home1 from '../Home1.vue';
import Home2 from '../Home2.vue';

import nav1 from "../nav1.vue";
import nav2 from "../nav2.vue";
import nav3 from "../nav3.vue";
import nav4 from "../nav4.vue";

// 创建 路由对象
const router = createRouter({
  // 导航模式: 
  // hash导航模式 ：url 地址栏中会携带一个 #。 对浏览器的兼容性比较好。
  // createWebHashHistory,创建 hash 导航模式


  // history导航模式 ：url 地址栏中不会携带一个 # 。 对浏览器的兼容性不太友好
   // createWebHistory,创建 hash 导航模式
  history: createWebHashHistory(),

  // 设置导航的路由单元映射
  // 数组类型: 成员=>路由单元对象
  routes: [
    {
      // 导航 指定的 url地址
      path: '/', //导航的根路径

      // 指定加载组件
      component: Login

    },
    {
      path: '/home',
      name: 'Home',
      meta: {label: 'Home'},
      component: Home,
      // 通过children属性在home 组件中嵌套一个子路由列表
      // children属性设置在那个组件中，对应的嵌套路由导航的组件爱你就会在当前中进行展示
      
    }
  ]
});

// 在 router 对象加载完毕之后进行回调
router.isReady()
.then( res => {
  console.log('router.isReady...........');
} );

// 导出路由对象
export default router;